@charset "utf-8";
@import url(dll.css);
@import url(global.css);
@import url(module.css);
@import url(onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{width:1180px; min-width:1180px; margin:0 auto; overflow:hidden;}
.top{width: 1180px;margin: auto;height: 25px}
.header{ width:100%; height:124px; background:url(../images/header_bg.jpg) repeat-x left top; overflow:hidden;background-size: 100% 100%;}
.logo{float:left;}

.hotline{color:#c50714; font-size:13px; margin-top: 20px; float: right;background: url(../images/dh_bg.gif) no-repeat;padding-left: 80px}
.hotline span{ font-size:18px;line-height: 35px;}
.telri{    height: 83px; width: 250px;} 
.lan{color:#2b2b2b; font-size:13px; text-align:right; padding-top:5px; float:right;}
.lan li{padding:0 5px; float:left;}

.i_nav{height:43px; background:url(../images/nav_bg.jpg) repeat left top;}
.i_nav ul{ margin:0 auto; width:1180px;}
.i_nav li{float:left; display:inline-block; width:180px;}
.i_nav li > a{color:#333; font-size:16px; display:inline-block; width:160px; height:43px; line-height:43px; color:#FFF; text-align:center;}
.i_nav li > a:hover{ color:#FFF; background:#d40d1b;}
.i_nav li > a.on{ color:#FFF; background:#d40d1b;}
.i_nav li.line{width:2px; height:43px; background:url(../images/nav_line.png) no-repeat center top;}


/*banner*/
/*.i_banner_box{position:relative; width:100%; height:600px; overflow:hidden;}
.i_banner{ float:left; display:inline;}
.i_banner li{width:100%; height:550px;}
.i_banner li a{display:block; width:100%; height:550px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 5px; width:12px; height:12px; background:#FFF; overflow:hidden; border-radius:6px;}
.i_banner_p a:hover{ background:#8ed90c;}
.i_banner_p a.on{ background:#8ed90c;}*/
/*--------------------banner---------------------------*/
.fullSlide{position:relative;height:500px;z-index:10;background:#eee;}
.fullSlide .bd{margin:0 auto;position:relative;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:500px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:14px;line-height:14px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin:0 2px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.5;line-height:999px;border-radius:50%;}
.fullSlide .hd ul li.on{background:#d9b765;filter:alpha(opacity=100);opacity:1}
.fullSlide .prev,
.fullSlide .next{position:absolute;z-index:1;display:block;width:45px;height:100px;top:50%;margin-top:-50px;left:3%;background:url(../images/icons.png) 0 0 no-repeat;
  cursor:pointer;filter:alpha(opacity=100);opacity:1;display:none;}
.fullSlide .next{left:auto;right:3%;background-position:-45px 0;}
.pageBanner{height:200px;position:relative;z-index:10}

/*banner end*/

/*por*/
.i_container{width:100%; overflow:hidden; background:#FFF;}

.i_pro{padding:50px 0; /*height:660px;*/ background:url(../images/pcbweb_in_gy.jpg) no-repeat;background-size: 100% 100%}
/*.i_pro_l{width:1098px; margin:55px auto 0; border-left:1px solid #d9d9d9; border-top:1px solid #d9d9d9; background:#FFF;}
.i_pro_l li{float:left; width:345px; padding:10px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.i_pro_l li img{width:345px; height:210px;}
.i_pro_l li span{ display:block; height:26px; line-height:26px; text-align:center;}
.i_pro_l li span a{display:block; width:345px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}*/
 .youshi{    width: 1099px; margin: 0 auto;}
.youshi dl{width: 353px;transition:all 0.5s;margin:0 0 30px 20px;float: left;background: #f3f3f3;border-bottom: 2px solid #02bde0;height: 318px}
.youshi dl:hover{transform: translateY(-10px);box-shadow: 5px 5px 10px 5px #ccc;}
.youshi div{margin-top: 20px;}
.company .img img:hover{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;-webkit-animation-name:rotatein;-moz-animation-name:rotatein;-ms-animation-name:rotatein;animation-name:rotatein;}
.youshi div dl:first-child,.youshi div dl:first-child+dl+dl+dl{margin-left: 0;}
.youshi dt{width: 353px;height: 265px;display: table-cell; text-align: center; vertical-align: middle;}
.youshi dt img{max-width: 100%;max-width: 100%;}
.youshi dd{padding: 0 15px 20px 15px;text-align: center;line-height: 40px;font-size: 18px;font-weight: bold;}

/*por end*/

/*about*/
.aboutm{    width: 1099px; margin: 0 auto; padding-top: 25px;}
.aboutl{width: 563px;float: left;line-height: 30px;font-size: 16px;color: #fff;text-indent: 2em}
.aboutl a{padding: 8px 40px;background: #03A9F4;color: #fff;display: inline-block;margin-top: 15px;}
.aboutl a:hover{background: #d40d1b;color:#fff;}
.aboutr{float: right;width: 501px;height: 273px;background:url(../images/gsjj.jpg) no-repeat;background-size:100% 100%;}
.effect-layla {position: relative;}
.effect-layla i::before,.effect-layla i::after {position: absolute;content: '';opacity: 0;}
.effect-layla i::before {top: 50px;right: 30px;bottom: 50px;left: 30px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.effect-layla i::after {top: 30px;right: 50px;bottom: 30px;left: 50px;border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.effect-layla p {font-style: normal;text-align: center;color: #fff;line-height: 250px;font-size: 30px;text-transform: none;opacity: 0;-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);}
.effect-layla i::before,.effect-layla i::after,.effect-layla p {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.aboutm:hover .effect-layla i::before,.aboutm:hover .effect-layla i::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.aboutm:hover .effect-layla p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.aboutm:hover .effect-layla i::after,.aboutm:hover .effect-layla p{-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}

/*classic*/
.classic{width: 1120px;margin: auto;padding-top: 50px;}

.classic h4{padding: 10px 0 30px 0;text-align: center;color: #888;}
.classic li img{border:1px solid #004785;}
.classic li{width: 249px;float: left;margin-left: 25px;transition: all .5s;margin-bottom: 10px;}
/*.classic li:first-child,.classic li:first-child+li+li+li+li{margin: 0;}*/
.classic li p{line-height: 30px;text-align: center;padding-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.classic li:hover{transform: translateY(-5px);box-shadow: 3px 3px 10px 3px #bbb;}
.classic ul{margin-top: 30px}
/*classic end*/


.i_about{padding:50px 0; height:380px; background:url(../images/bg02.jpg) no-repeat center top;}
.i_about_c{ width:1000px; margin:50px auto 0; max-height:210px; line-height:30px; font-size:13px; color:#FFF; overflow:hidden;}

.i_news{padding:50px 0;}
.i_news_l{width:1080px; margin:50px auto 0;}
.i_news_ll{float:left; width:500px;}
.i_news_lr{float:right; width:550px;}
.i_news_lr dl{ height:78px; margin-top:25px;    box-shadow: 0px 0px 12px 0px #e0e0e0;}
.i_news_lr dl:hover{transform: translateY(-5px);box-shadow: 3px 3px 10px 3px #e0e0e0;}
.i_news_lr dl dt{float:left; width:82px; height:78px; text-align:center; color:#6a6a6a; border-right:1px solid #bdbdbd;}
.i_news_lr dl dt b{ display:block; font-size:48px; line-height:56px;}
.i_news_lr dl dt span{ display:block; font-size:14px;}

.i_news_lr dl dd{float:right; width:452px; height:78px;margin-right: 4px;}
.i_news_lr dl dd h4{ display:block; height:30px; line-height:30px; font-size:14px; color:#c60614;}
.i_news_lr dl dd h4 a{float:left; display:block; color:#c60614; width:365px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news_lr dl dd h4 ins{ float:right; display:block; width:85px; text-align:right; text-decoration:none;}
.i_news_lr dl dd span{display:block; line-height:20px; padding:2px 0; height:40px; overflow:hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;  }

.footer{width:100%; background:url(../images/nav_bg.jpg) repeat left top; padding:25px 0 0; min-width:1200px;}

.footer_nav{line-height:30px; margin-bottom:20px;width: 855px;float: left;}
.footer_nav dl{ float:left; display:inline-block; width:110px; margin-left:30px;}
.footer_nav dt{ color:#e7e7e7; text-indent:27px; line-height:35px; height:35px; margin-bottom:10px; border-bottom:1px solid #868686; background:url(../images/icon04.png) no-repeat left center; font-size:14px;}
.footer_nav dd a{ display:block; color:#e7e7e7; font-size:13px; line-height:30px; text-indent:30px;}
.footer .wx{float: right;margin-top: 20px;margin-right: 25px}
.copyright{ padding-top:10px; line-height:25px; color:#e7e7e7; text-align:center; font-size:13px; background:url(../images/icon03.png) repeat-x left top;}
.jsq{ padding-bottom:10px; line-height:25px; color:#e7e7e7; text-align:center; font-size:13px;}

.footer a:hover{ color:#d40d1b;}
/* 首页部分结束 */

/* 内页部分开始 */
.p_banner_box{width:100%; height:500px; z-index:1; overflow:hidden;}
.p_banner{ float:left; display:inline;}
/*.p_banner li{width:100%; height:480px;}
.p_banner li a{display:block; width:100%; height:480px;}
.p_banner_p{width:100%; text-align:right; margin-top:10px;}
.p_banner_p a{display:inline-block; margin:0 5px; width:12px; height:12px; background:#FFF; overflow:hidden; border-radius:6px;}
.p_banner_p a:hover{ background:#8ed90c;}
.p_banner_p a.on{ background:#8ed90c;}*/

.p_container{width:1102px; margin:-99px auto 0; padding:28px 0 2px; background:url(../images/icon05.png) #fff no-repeat left top; z-index:100; position:relative;margin-bottom: 50px}
.p_left{float:left; width:267px; border:1px solid #e0e0e0; border-width:0 0 1px 1px; background:#FFF; height: 100% !important;}
.p_right{float:right;}
.p_right1{ width:733px; min-height:300px; padding:24px 50px; border:1px solid #e0e0e0; border-left:0; background:url(../images/icon10.jpg) no-repeat left top #FFF;overflow: hidden;}

.path{float:right; line-height:48px; }
.path span{ padding:0 5px;}

/*iamges*/
#i_p_outer123 {width: 222px; float: left; margin-right: 19px; padding: 2px; border:1px solid #ccc; height: 200px;margin-bottom: 30px; }
#i_p_outer123 a{display: block;width: 222px;height: 167px;overflow: hidden; display: table-cell; text-align: center; vertical-align: middle;}
#i_p_outer123 a img:hover{transform: scale(1.2, 1.2) rotate(10deg);  
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;}
#i_p_outer123:nth-child(3),#i_p_outer123:nth-child(6),#i_p_outer123:nth-child(9),#i_p_outer123:nth-child(9){margin-right: 0px}
.bg{border-top: 1px solid #ccc;text-align: center;    line-height: 35px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#i_p_outer123:hover .bg{color:#006caa;}



/*.sidebar{ width:267px; margin-top:30px; margin-bottom:20px;}
.sidebar li{width:233px; height:50px; padding-right:34px;}
.sidebar a{ display:block; width:205px; height:50px; padding-left:23px; border-left:5px solid #FFF; color:#545454; font-size:14px; line-height:49px; background:url(../images/icon07.png) no-repeat 210px center;}
.sidebar a span{ display:block; text-indent:50px; border-bottom:1px solid #e0e0e0;}
.sidebar a:hover{ border-left:5px solid #006caa; color:#006caa; background:url(../images/icon08.png) no-repeat 210px center;}
.sidebar a.on{ border-left:5px solid #006caa; color:#006caa; background:url(../images/icon08.png) no-repeat 210px center;}*/

.p_content{ font-size:14px; padding:20px 5px; line-height:25px;}
.p_content .box .show_pro_img{overflow: hidden;text-align: center; padding-bottom: 30px;}
.p_content .box_bottom .show_pro_dis{overflow: hidden;border-bottom: 1px solid  #e0e0e0}
.p_content .box_bottom .show_pro_dis h3{    display: block; width: 90px; text-align: center; background: url(../images/icon09.png) no-repeat left center; line-height: 2.5; font-size: 18px; padding-left: 6px; color: #006caa;}

/* 内页部分结束 */

.nm_def{ margin:0 auto; width:1100px;}